{% extends 'base.html' %}
{% block head %}

 
	<link href="{{ path }}js/plugins/datatables/DT_bootstrap.css" rel="stylesheet">
	<link href="{{ path }}js/plugins/responsive-tables/responsive-tables.css" rel="stylesheet"> 
    
    <script src="{{ path }}js/demos/demo.tables.js"></script>
    <script src="{{ path }}js/plugins/datatables/jquery.dataTables.js"></script>
    <script src="{{ path }}js/plugins/datatables/DT_bootstrap.js"></script>
	<script src="{{ path }}js/plugins/responsive-tables/responsive-tables.js"></script>
    
    <script src="{{ path }}js/plugins/msgGrowl/js/msgGrowl.js"></script>
	<script src="{{ path }}js/plugins/msgAlert/js/msgAlert.js"></script>
    <script src="{{ path }}js/plugins/timepicker/jquery.ui.timepicker.min.js"></script>
    <script src="{{ path }}js/plugins/colorpicker/js/bootstrap-colorpicker.js"></script>
    <script src="{{ path }}js/plugins/lightbox/jquery.lightbox.js"></script>
    <script src="{{ path }}js/demos/demo.ui-elements.js"></script>
    
    <link href="{{ path }}js/plugins/smartwizard/smart_wizard.modified.css" rel="stylesheet"> 
	<script src="{{ path }}js/plugins/smartwizard/jquery.smartWizard-2.0.modified.js"></script>
	<script src="{{ path }}js/demos/demo.wizard.js"></script>
    <script src="{{ path }}js/jquery.numeric.js"></script>
{% endblock %}
{% load humanize %}
{% block jquery %}	
   hide();
   hideProveedor();

	$("#subtotal").numeric();
    $("#iva").numeric();
    $("#total").numeric();
    $("#producto-valor").numeric();
    $("#producto-iva").numeric();
    $("#cantidad").numeric();
    
	$( '#frm_factura' ).submit(function() {
    		factura = $('#factura-no').attr('value');
        proveedor = $('#proveedor-id').attr('value');
    		emision = $('#emision').attr('value');
        total = $('#total').attr('value');
    		if(emision != 0){
            	return true;
            }
            else{
            	alert("Diligencie todos los campos obligatorios.")
    			return false;
            }
    });

    
    
{% endblock %}


{% block javascript %}

    function getData(value){
		sede = $("#sede").val();
    proveedor_id = $("#proveedor-id").val();
		
        if(value != ""){
            $("#ajaxresults").show();
            $.ajax({
              url: "/bsq_productoDevolucion/",
              type: "POST",
              data : { sede_id:sede,
                      proveedor_id:proveedor_id,
						          producto:value, 
                       },
              dataType: "html",
              success: function(datos) {
                  $("#ajaxresults").html(datos);
              }
          });
        }else{
            $("#producto-id").val("");
            hide();
        }
    }

    function hide(){
        $("#ajaxresults").hide();
    }

    function copyToBox(value){
        $("#producto-live").val(value.html());
        $("#producto-id").val(value.attr("value"));
        $('#producto-id').attr('cantidad', value.attr("cantidad"));
        $('#producto-id').attr('lote', value.attr("lote"));
        $('#producto-id').attr('vencimiento', value.attr("vencimiento"));
        $('#producto-id').attr('n_proveedor', value.attr("n_proveedor"));
        $('#producto-id').attr('id_proveedor', value.attr("id_proveedor"));
        hide();
    }

    

    function getProveedor(value){
        if(value != ""){
            $("#ajaxProveedores").show();
            $.ajax({
              url: "/bsq_proveedor/",
              type: "POST",
              data : {proveedor:value, 
                       },
              dataType: "html",
              success: function(datos) {
                  $("#ajaxProveedores").html(datos);
              }
          });
        }else{
            $("#proveedor-id").val("");
            hide();
        }
    }

    function copyToProveedor(value){
        $("#proveedor-live").val(value.html());
        $("#proveedor-id").val(value.attr("value"));
        hideProveedor();
    }

    function hideProveedor(){
        $("#ajaxProveedores").hide();
    }




	function agregarFila(obj){
      
      if($("#producto-id").val() != ""){
        	$("#cant_campos").val(parseInt($("#cant_campos").val()) + 1);
      		var oId = $("#cant_campos").val();
          var producto = $("#producto-live").val();
          var producto_id = $("#producto-id").val();
      		var cantidad = parseInt($("#cantidad").val());
      		var lote = $("#producto-id").attr("lote");
      		var vencimiento = $("#producto-id").attr("vencimiento");
      		var n_proveedor = $("#producto-id").attr("n_proveedor");
      		var id_proveedor = $("#producto-id").attr("id_proveedor");

          if(cantidad<=0){
              alert("Debe digitar una cantidad válida.");
         }
         else{
              if(parseInt($("#producto-id").attr("cantidad")) >= parseInt(cantidad)){
                    var strHtml1 = '<input type="hidden" id="hdnItem_' + oId + '" name="hdnItem_' + oId + '" value="0"/>' + "<td>" + producto + '<input type="hidden" id="hdnProducto_' + oId + '" name="hdnProducto_' + oId + '" value="' + producto_id + '"/></td>';
                    var strHtml2 = "<td>" + cantidad + '<input type="hidden" id="hdnCantidad_' + oId + '" name="hdnCantidad_' + oId + '" value="' + cantidad + '"/><input type="hidden" id="hdnUnitario_' + oId + '" name="hdnUnitario_' + oId + '" value="0"/><input type="hidden" id="hdnIva_' + oId + '" name="hdnIva_' + oId + '" value="0"/></td>';
                    var strHtml3 = "<td>" + n_proveedor + '<input type="hidden" id="hdnIdProveedor_' + oId + '" name="hdnIdProveedor_' + oId + '" value="' + id_proveedor + '"/></td>' ;
                    var strHtml4 = "<td>" + lote + '<input type="hidden" id="hdnLote_' + oId + '" name="hdnLote_' + oId + '" value="' + lote + '"/></td>' ;
                    var strHtml5 = "<td>" + vencimiento + '<input type="hidden" id="hdnVencimiento_' + oId + '" name="hdnVencimiento_' + oId + '" value="' + vencimiento + '"/></td>' ;
                    var strHtml6 = "";
                    var strHtml7 = '<td><img src="{{ path }}images/delete.png" width="16" height="16" alt="Eliminar" onclick="if(confirm(\'¿Realmente desea eliminar el producto?\')){eliminarFila(' + oId + ');}"/>';
                    strHtml7 += '<input type="hidden" id="hdnIdCampos_' + oId +'" name="hdnIdCampos[]" value="' + oId + '" /></td>';
                    var strHtmlTr = "<tr id='rowProducto_" + oId + "'></tr>";
                    var strHtmlFinal = strHtml1 + strHtml2 + strHtml3 + strHtml4 + strHtml5 + strHtml6 + strHtml7;
                    //tambien se puede agregar todo el HTML de una sola vez.
                    //var strHtmlTr = "<tr id='rowProducto_" + oId + "'>" + strHtml1 + strHtml2 + strHtml3 + strHtml4 + strHtml5 + strHtml6 + strHtml7 +"</tr>";
                    $("#tbProductos").append(strHtmlTr);
                    //si se agrega el HTML de una sola vez se debe comentar la linea siguiente.
                    $("#rowProducto_" + oId).html(strHtmlFinal);

                    $('#sede').attr('value', 0);
                    $('#producto-live').attr('value', '');
                    $('#emision').attr('value', '');
                    $('#proveedor-live').attr('value', '');
                    $('#producto-live').attr('value', '');
                    $('#cantidad').attr('value', '');

                    return false;
              }
              else{
                    alert("La cantidad excede la existente en inventario.");
              }
        }
          
      }
      else{
          alert("No es un producto válido.");
      }
	}
    
	function eliminarFila(oId){
            value = $("#hdnItem_" + oId).val();
            unitario = parseInt($("#hdnUnitario_" + oId).val());
            cantidad = parseInt($("#hdnCantidad_" + oId).val());
            iva = parseInt($("#hdnIva_" + oId).val());

            $.ajax({
              url: "/inventario/facturas_venta/borrarItem/",
              type: "POST",
              data : {item:value, 
                       },
              dataType: "html",
              success: function(datos) {
                if (datos==1 || datos==2){
                  $("#rowProducto_" + oId).remove();
                }
                else{
                  alert(datos);
                }
              }
          });
         
	    
		return false;
	}

	function cancelar(){
	    $("#tbProductos").html("");	
		return false;
	}

{% endblock %}

{% block contenido %}
	      		
        <form id="frm_factura" action="/inventario/devolucion/guardar/" method="POST" class="form-horizontal">
        {% csrf_token %}
                              
                <div class="span6">
                    <div id="horizontal" class="widget widget-form">
                          <div class="widget-header">               
                              <h3><i class="icon-pencil"></i>
                                  Devolución de productos
                              </h3>
                          </div> <!-- /widget-header -->
                          
                          <div class="widget-content">
                                  <input type="hidden" id="factura-id" name="factura-id" value="{{ Devolucion.id }}">

                                  <div class="control-group">
                                      <label class="control-label" for="input01">Sede:</label>
                                      <div class="controls">
                                        <!--  {% if Factura.id %} disabled=false {% endif %} -->
                                        <select name="sede" id="sede">
                                          {% if Sedes|length > 0 %}
                                              <option value="0">- SELECCIONE -</option>
                                           {% endif %}
                                          {% for sede in Sedes %}
                                              <option value="{{ sede.sede.id }}" {% if sede.sede.id == Devolucion.sede_id %} selected="selected" {% endif %} >{{ sede.sede.nombre }}</option>
                                          {% endfor %}
                                          </select>
                                      </div>
                                  </div>

                                    <div class="control-group">
                                      <label class="control-label" for="bizaddress1">Fecha devolución:</label>
                                      <div class="controls">
                                        <input class="input-medium" name="emision" id="emision" type="text" required="required" value="{{ Devolucion.fecha_emision|date:'d/m/Y' }}">
                                      </div>
                                  </div>

                                  <div class="control-group">
                                        <label class="control-label" for="bizname">Proveedor:</label>
                                        <div class="controls">
                                          <input type="text" class="input-medium" id="proveedor-live" name="proveedor-live" autocomplete="off" onkeyup="getProveedor(this.value);" placeholder="Digite el proveedor" required="required" value="{{ Devolucion.proveedor.nombre }}">
                                          <input type="hidden" id="proveedor-id" name="proveedor-id" value="{{ Devolucion.proveedor.id }}">
                                          <div id="ajaxProveedores"></div>
                                        </div>
                                    </div>

                                  <div class="control-group">
                                      <label class="control-label" for="bizaddress1">Producto:</label>
                                      <div class="controls">
                                        <input type="text" class="input-medium" id="producto-live" name="producto-live" autocomplete="off" onkeyup="getData(this.value);" placeholder="Digite el producto" required="required">
                                        <input type="hidden" id="producto-id" name="producto-id" cantidad=0 lote="" vencimiento="">
                                        <div id="ajaxresults"></div>
                                      </div>
                                  </div>

                                  <div class="control-group">
                                    <label class="control-label" for="bizname">Cantidad:</label>
                                    <div class="controls">
                                      <input type="number" class="input-small" id="cantidad" name="cantidad" min="1" required="required">
                                      <input type="hidden" id="subtotal" name="subtotal" value=0>
                                      <input type="hidden" id="iva" name="iva" value=0>
                                      <input type="hidden" id="total" name="total" value=0>

                                      <button type="button" id="btn_agregar" class="btn btn-primary btn-medium" onclick="agregarFila(document.getElementById('cant_campos'));">Agregar producto</button>
                                    </div>
                                  </div>
                                              
                                  <div class="form-actions">
                                      <button type="submit" class="btn btn-primary btn-large">Guardar</button>
                                  </div>
                              
                              
                          </div>
                      </div>
                  </div> <!-- /span6 -->
                                
                                
                  <div class="span6">
                       <div id="horizontal" class="widget widget-table">
                          <div class="widget-content">
                              <input type="hidden" id="cant_campos" name="cant_campos" value="{{ Items|length }}" />
                                          
                              <table class="table table-bordered table-striped table-highlight" id="tbProductos">
                                  <thead>
                                  <tr>
                                      <th width="40%" align="center">Producto</th>
                                      <th width="5%" align="center">Cantidad</th>
                                      <th width="30%" align="center">Proveedor</th>
                                      <th width="10%" align="center">Lote</th>
                                      <th width="10%" align="center">Vencimiento</th>
                                      <th width="5%" align="center">Accion</th>
                                  </tr>
                                  </thead>
                                  
                                  <tbody>
                                  {% for item in Items %}
                                      <tr id="rowProducto_{{ forloop.counter }}">
                                          <input type="hidden" id="hdnItem_{{ forloop.counter }}" name="hdnItem_{{ forloop.counter }}" value="{{ item.id }}"/>
                                          <td align="left"><label>{{ item.producto }}</label>
                                            <input type="hidden" id="hdnProducto_{{ forloop.counter }}" name="hdnProducto_{{ forloop.counter }}" value="{{ item.producto_id }}"/>
                                          </td>
                                          <td align="left"><label>{{ item.cantidad|intcomma }}</label>
                                            <input type="hidden" id="hdnCantidad_{{ forloop.counter }}" name="hdnCantidad_{{ forloop.counter }}" value="{{ item.cantidad }}
                                            "/>
                                            <input type="hidden" id="hdnUnitario_{{ forloop.counter }}" name="hdnUnitario_{{ forloop.counter }}" value="0"/></td>
                                            <input type="hidden" id="hdnIva_{{ forloop.counter }}" name="hdnIva_{{ forloop.counter }}" value="0"/></td>
                                          </td>
                                          <input type="hidden" id="hdnItem_{{ forloop.counter }}" name="hdnItem_{{ forloop.counter }}" value="{{ item.id }}"/>
                                          <td align="left"><label>{{ item.producto.factura_compra.proveedor.nombre }}</label>
                                            <input type="hidden" id="hdnProveedor_{{ forloop.counter }}" name="hdnProveedor_{{ forloop.counter }}" value="{{ item.producto.factura_compra.proveedor.id }}"/>
                                          </td>
                                          <td align="center"><label>{{ item.producto.lote }}</label>
                                            <input type="hidden" id="hdnLote_{{ forloop.counter }}" name="hdnLote_{{ forloop.counter }}" value="{{ item.lote }}"/></td>
                                          <td align="center"><label>{{ item.producto.fecha_vencimiento|date:'d/m/Y' }}</label>
                                            <input type="hidden" id="hdnVencimiento_{{ forloop.counter }}" name="hdnVencimiento_{{ forloop.counter }}" value="{{ item.fecha_vencimiento|date:'d/m/Y' }}"/></td>
                                          <td><img src="{{ path }}images/delete.png" width="16" height="16" alt="Eliminar" onclick="if(confirm('¿Realmente desea eliminar el producto?')){eliminarFila({{ forloop.counter }});}"/>
                                              <input type="hidden" id="hdnIdCampos_{{ forloop.counter }}" name="hdnIdCampos[]" value="{{ forloop.counter }}" />
                                          </td>
                                      </tr>
                                  {% endfor %}
                                  </tbody>
                                  
                              </table>		    
                          </div>
                      </div>  
                  </div> <!-- /span6 -->
        </form>
        
{% endblock %}